﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        #title
        {
            font-size: 3em;
            color: #7a7368;
            font-weight: 900;
            padding: 20px 0 20px 0;
        }                             
    </style>
</asp:Content>
<asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Register
</asp:Content>
<asp:Content ID="registerContent" ContentPlaceHolderID="MainContent" runat="server">
    <div id="title">
        Register.
    </div>
    <div class="clear"></div>
        Use the form below to create a new account.
    <div class="clear"></div>
        Passwords are required to be a minimum of
        <%=Html.Encode(ViewData["PasswordLength"])%>
        characters in length.
    <div style="padding-top:20px" class="clear"></div>
    <%= Html.ValidationSummary("Account creation was unsuccessful. Please correct the errors and try again.") %>
    <form method="post" enctype="multipart/form-data" action="/Account/Register">
    <div>
        <fieldset>
            <label for="username">
                Username</label>
            <div style="padding-top: 5px;">
            </div>
            <div style="background-color: White; height: 100%; width: 300px;" class="rounded3">
                <%= Html.TextBox("username") %>
            </div>
            <%= Html.ValidationMessage("username") %>
            
            <div style="padding-top:20px;"></div>
            
            <label for="email">
                Email</label>
            <div style="padding-top: 5px;">
            </div>
            <div style="background-color: White; height: 100%; width: 300px;" class="rounded3">
                <%= Html.TextBox("email") %>
            </div>
            <%= Html.ValidationMessage("email") %>
            <div style="padding-top:20px;"></div>
            
            <label for="password">
                Password</label>            
            <div style="padding-top:5px;"></div>                
            <div style="background-color: White; height: 100%; width: 300px;" class="rounded3">
                <%= Html.Password("password") %>
            </div>
            <%= Html.ValidationMessage("password") %>
            <div style="padding-top:20px;"></div>
            
            <label for="confirmPassword">
                Confirm password</label>
            <div style="padding-top:5px;"></div>
            
            <div style="background-color: White; height: 100%; width: 300px;" class="rounded3">
                <%= Html.Password("confirmPassword") %>
            </div>
            <%= Html.ValidationMessage("confirmPassword") %>
            <div style="padding-top:20px;"></div>
            
            <label for="avatarImage">
                Your Avatar</label>
            <div style="padding-top:5px;"></div>
            
            <input type="file" id="avatarUpload" name="avatarFile" />
            
            <div style="padding-top:20px;"></div>
            
            <div style="float: left; background-color: #C0C97B; height: 100%;" class="rounded3">
                <input type="submit" value="Register" />
            </div>
        </fieldset>
    </div>
    </form>
</asp:Content>
